<template>
	<div>
		<p>测试兄弟组件之间的传值问题</p>
		<tom>
			<div slot="header">
				<p>头部内容</p>
				<p>导航栏</p>
			</div>

			<div slot="footer" class="footer">
				<p>底部内容</p>
				<p>联系方式</p>
			</div>
		</tom>
		<jerry></jerry>
		<button @click="handle">this</button>
	</div>
</template>

<script>
	import tom from '@/components/tom.vue'
	import jerry from '@/components/jerry.vue'
	export default {
		data() {
			return {
				key: '1'
			}
		},
		methods: {
			handle() {
				console.log(this)
			}
		},
		components: {
			tom,
			jerry
		}
	}
</script>

<style lang="scss" scoped></style>
